<template>
  <!-- <div style="$attrs"> -->
  <div>
    子组件
    <!-- <p>
      name is {{ name }} 年龄是：{{ age }} 家乡是：{{ address }} 爱好：{{
        hobby
      }}
    </p> -->

    <p>
      name is {{ name }} 年龄是：{{ $attrs.age }} 家乡是：{{ address }} 爱好：{{
        $attrs.hobby
      }}
    </p>
    <button @click="sendValueToParent">传值给父组件</button>
  </div>
</template>

<script>
export default {
  // props: ['name', 'age', 'isMan', 'address', 'hobby']
  props: {
    // name: String,
    name: {
      type: String,
      required: true
    },
    // age: Number
    // age: {
    //   type: Number,
    //   default: 100
    // },
    isMan: {
      type: Boolean,
      default: false
    },
    address: Object
    // hobby: {
    //   type: Array,
    //   default: () => []
    // }
  },
  methods: {
    sendValueToParent () {
      // console.log('---xxx----')
      /**
       * 参数1：自定义事件的名字
       * 参数2：要传递的值
       */
      this.$emit('myevent', { name: '翠花', age: 18 })
    }
  }
}
</script>
